<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<!--标准mui.css-->
		<script type="text/javascript" src="fonts/iconfont.js" ></script>
		<script type="text/javascript" src="js/jquery-3.1.1.min.js" ></script>
		<script src="js/base.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" href="css/index.css" />
		<link rel="stylesheet" href="css/mui.css">
		<style type="text/css">
			.apply-span-btn {
                display: block;
                text-align: center;
                width: 6em;
                background: #006EC3;
                color: #fff;
                cursor: pointer;
            }
            .mui-collapse-content p.tswz span{font-size: 12px;}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">案件详情</h1>
		</header>
		<div class="mui-content">
			<div class="lawMain">
				<!--案件基本信息-->
				<div class="caseInfo casebase">
					<p class="smTitle"><label for="">●</label>案件基本信息<label for="">●</label></p>
				</div>
				<!--案件描述-->
				<div class="caseInfo casedesc">
					<p class="smTitle"><label for="">●</label>案件描述<label for="">●</label></p>
				</div>
				<!--案件描述-->
				<div class="caseInfo">
					<p class="smTitle"><label for="">●</label>变更案件状态<label for="">●</label></p>
					<p class="caseBox">
						<select class="caseZt">
						    <option value="1">审查批捕</option>
							<option value="2">提起公诉</option>
							<option value="3">附条件不起诉</option>
						</select>
					</p>					
				</div>
				<!--案件详细信息-->
				<ul class="mui-table-view">
				    <li class="mui-table-view-cell mui-collapse">
                        <a class="mui-navigate-right" href="#">合适成年人</a>
                        <div class="mui-collapse-content">
                            <p class="tswz adult">当前案件还未申请合适成年人！</p>
                            <button type="button" class="mui-btn mui-btn-warning apply-btn" data-type="adult">申请合适成年人</button>
                        </div>
                    </li>
			        <li class="mui-table-view-cell mui-collapse">
			            <a class="mui-navigate-right" href="#">社会调查</a>
			            <div class="mui-collapse-content">
			                <p class="tswz survey">当前案件还未进行社会调查！</p>
			                <button type="button" class="mui-btn mui-btn-warning apply-btn" data-type="survey">发起社会调查</button>
			            </div>
			        </li>
			        <li class="mui-table-view-cell mui-collapse">
			            <a class="mui-navigate-right" href="#">心理辅导</a>
			            <div class="mui-collapse-content">
			                <p class="tswz psy">当前案件还未进行心理辅导！</p>
			               <!-- <p class="huikui"><span>反馈信息：</span><label>我于2018年1月5日15:09:46去嫌疑人家中进行了探访，发现该嫌疑人有点内向，我想这大概就是引导他走上犯罪的导火线，我希望他的父母能够更多的在他身边给予更多的陪伴！</label></p>-->
			                <button type="button" class="mui-btn mui-btn-warning apply-btn" data-type="psy">发起心理辅导</button>
			            </div>
			        </li>
			        <li class="mui-table-view-cell mui-collapse">
			            <a class="mui-navigate-right" href="#">法律援助</a>
			            <div class="mui-collapse-content">
			                <p class="tswz law">当前案件还未进行法律援助！</p>
			                <button type="button" class="mui-btn mui-btn-warning apply-btn" data-type="law">发起法律援助</button>
			            </div>
			        </li>
			        <li class="mui-table-view-cell mui-collapse" id="protect-div">
			            <a class="mui-navigate-right" href="#">观护帮助</a>
			            <div class="mui-collapse-content">
			                <p class="tswz protect">当前案件还未进行观护帮助！</p>
			                <button type="button" class="mui-btn mui-btn-warning apply-btn" data-type="protect">发起观护帮助</button>
			                <button type="button" class="mui-btn mui-btn-warning btn-showprotectreply">查看回复情况</a>
			            </div>
			        </li>
			    </ul>
			</div>
		</div>
		<div class="cd-popup1">
		    <div class="cd-popup-container1">
		        <p class="caseSearch">
		        	<input type="text" placeholder="请输入案件编号或嫌疑人编号" />
		        </p>
		    </div>
		</div>
		<script src="js/mui.js"></script>
		<script src="js/page/case.js" type="text/javascript" charset="utf-8"></script>
	</body>
	<script language="JavaScript">
		//打开窗口
        $('svg.icon.chaxun').on('click', function(event){
            event.preventDefault();
            $('.cd-popup1').addClass('is-visible1');
            //$(".dialog-addquxiao").hide()
        });
        //关闭窗口
        $('.cd-popup1').on('click', function(event){
            if( $(event.target).is('.cd-popup-close') || $(event.target).is('.cd-popup1') ) {
                event.preventDefault();
                $(this).removeClass('is-visible1');
            }
        });
        
        mui("body").on('tap','#shdcBtn',function(){
			var btnArray = ['否', '是'];  
                mui.confirm('确认发起社会调查？', '德阳市检察院', btnArray, function(e) {  
                    if (e.index == 1) {  
                        mui.toast('发起成功',{ duration:'1000', type:'div' })  
                    } else {  
                        return false; 
                    }  
            })  
		})
	</script>
</html>